Cerulean Garden color palette — #F8F1E6 · #8FD6D9 · #008BA1 · #005D4C · #00281A
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F8F1E6): a clean, paper-quiet neutral.
- Ice Blue (#8FD6D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008BA1): A full-bodied, balanced blue — the color of deep harbor water.
- 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: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Garden 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
- Cobalt Pier color palette (#F7F1E8, #9ED0E6, #3183BA, #005A60, #0A203E)
- Lagoon Lagoon color palette (#ECE4D8, #218791, #004352, #00201B, #000103)
- Softworn Turquoise color palette (#EBF8F6, #B1DDEB, #3FA5B4, #007D74, #00424F)
- Turquoise Grove color palette (#E9E0D3, #48ACBC, #00617C, #003A35, #000C17)
- Softworn Bloom color palette (#FFF2ED, #BDEEF7, #51B3DA, #4A7C57, #3B263C)
- Raspberry Bloom color palette (#F5DCDF, #B548AF, #876A00, #006774, #240A0F)
- Patina Fuchsia color palette (#FFE0E5, #D276DE, #1E823E, #723C79, #00240A)
- Hushed Stone color palette (#FFEDEF, #FFC3D8, #EB9E99, #7B648F, #361919)
Browse the whole catalog at Explore, or see today's palette.