Cerulean Coast color palette — #F6F1E9 · #B1D1B4 · #228A9E · #005D4C · #00281A
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6F1E9): bright and airy, almost weightless.
- Pistachio (#B1D1B4): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#228A9E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00281A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Coast 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
- Hushed Cerulean color palette (#F8F1E6, #A4D4BF, #5280A9, #005A63, #0D1F3F)
- Forest Boulevard color palette (#F9F3F9, #A6CCD9, #3082A6, #006436, #243B5D)
- Lagoon Parlor color palette (#F4EBDD, #2D8690, #004352, #00201B, #000103)
- Cypress Pier color palette (#F5F1EA, #C9E2DA, #68A8B2, #407864, #253C31)
- Denim Alley color palette (#F3E9D8, #69A8B3, #00617C, #003A35, #000C17)
- Olive Hollow color palette (#E6E7C7, #87A23E, #337619, #005125, #002616)
- Pine Dune color palette (#CEFFE3, #6EBD8D, #007A4A, #003B24, #000F06)
- Sapphire Loft color palette (#F9F1E4, #82C3F5, #286ED1, #004F60, #0E0D4B)
Browse the whole catalog at Explore, or see today's palette.