Current Forest
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#155E71
Art Deco Teal
COLOR 2
#1674D6
Blueberry
COLOR 3
#6C76DB
Blueberry
COLOR 4
#F4D4A3
Navajo White
COLOR 5
#F9F9F6
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #155E71;
--color-2: #1674D6;
--color-3: #6C76DB;
--color-4: #F4D4A3;
--color-5: #F9F9F6;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#155E71 on #F4D4A35.15:1
Normal Text AA Pass
Sample Text
#155E71 on #F9F9F66.93:1
Normal Text AA Pass
Sample Text
#1674D6 on #F4D4A33.28:1
Large Text Only (Pass)
Sample Text
#1674D6 on #F9F9F64.42:1
Large Text Only (Pass)
Sample Text
#6C76DB on #F4D4A32.82:1
Large Text Only (Fail)
Sample Text
#6C76DB on #F9F9F63.79:1
Large Text Only (Pass)