Tempered Cerulean Harbor color palette — #F5EDE1 · #3797B3 · #004F72 · #002C2C · #00040E
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Cerulean (#3797B3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#004F72): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#002C2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00040E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Tempered Cerulean Orchard color palette (#F9EAF3, #009FC1, #004C83, #003126, #0D093A)
- Patina Lagoon Thicket color palette (#F5EFE7, #438584, #00444C, #002016, #000202)
- Petrol Orchard color palette (#DFF1E2, #4EB0CE, #006E9C, #004A4B, #00142B)
- Weathered Nightshade Archive color palette (#EAE3D9, #558EC5, #012DC2, #002A37, #03001B)
- Muted Cerulean color palette (#F8F1E6, #91DFE8, #0091B0, #006357, #00293C)
- Patina Petrol color palette (#FAEBE2, #6EC4E0, #006AB4, #003F32, #020013)
- Mulberry Lantern color palette (#E3EFD5, #006C4D, #83005D, #003322, #090004)
- Washed Iris Delta color palette (#F6F1E9, #BCE7DC, #718DC6, #006884, #3D2135)
Browse the whole catalog at Explore, or see today's palette.