Cerulean Harbor color palette — #F9F0EB · #CDE4CD · #359CB4 · #1F6E4A · #0B3429
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Celadon Mist (#CDE4CD): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#359CB4): A luminous, balanced blue — the color of deep harbor water.
- Pine (#1F6E4A): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#0B3429): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Harbor 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
- Softworn Study color palette (#F8F0EA, #C4E5D5, #5F92C3, #006D69, #3A2336)
- Cerulean Canyon color palette (#EEDFD8, #4498A2, #00516A, #002D21, #00040E)
- Muted Grove color palette (#EFF7F5, #D3E0ED, #69CCD6, #449185, #1E4555)
- Washed Hollow color palette (#F3E6E0, #82C0C3, #007793, #004E35, #00182A)
- Tempered Navy Canyon color palette (#F3EBE3, #477FA3, #003388, #001F21, #01000A)
- Gentle Veranda color palette (#FFECF0, #C582D8, #4B7D0E, #157E59, #2F141C)
- Wandering Olive Studio color palette (#F6F2E5, #A1B38A, #7D782D, #5F481E, #21250E)
- Weathered Field color palette (#FFECF1, #B990D7, #38A46E, #7A4E97, #03301B)
Browse the whole catalog at Explore, or see today's palette.