Quiet Cerulean color palette — #FFF2ED · #8BDEE5 · #008BB9 · #006B3B · #213F6E
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ice Blue (#8BDEE5): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008BB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006B3B): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#213F6E): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Cerulean into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Quiet Navy color palette (#FFF2EC, #64C9D7, #0076A7, #005938, #0F2A74)
- Worn Hollow color palette (#ECF4ED, #A8D9EA, #0092AD, #006454, #00293A)
- Hazy Cobalt color palette (#FFF3E7, #A9D4F7, #6478CC, #006667, #483269)
- Turquoise Bloom color palette (#FBF4EA, #C2E6C7, #10ADCC, #008570, #004661)
- Muted Cypress Market color palette (#FBF3EF, #CBE8E5, #71A598, #437B6A, #614B5A)
- Dusty Lagoon color palette (#EDDEDA, #3BA1A1, #005268, #00330F, #00142D)
- Worn Station color palette (#CCF3FF, #008EAA, #C33C36, #884800, #003743)
- Lilac Thicket color palette (#E1FEE6, #CEE7FF, #C0A3FD, #428847, #1F4D62)
Browse the whole catalog at Explore, or see today's palette.