Cerulean Coast color palette — #F7EFF4 · #C7E1EF · #5893C3 · #006D66 · #1E2B4A

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Powder Blue (#C7E1EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5893C3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D66): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1E2B4A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Ancient Study color palette (#EFF7F6, #BCE3F9, #4095BB, #006F7C, #314B5F)
• Cobalt Summit color palette (#F8EFF3, #B1CBE1, #557BBE, #005A61, #1D1A40)
• Timeworn Abyss color palette (#EFE5ED, #508092, #004258, #002017, #000104)
• Timeworn Driftwood color palette (#E3F6F8, #70B39F, #B076AC, #007660, #3B163A)
• Softworn Denim Dune color palette (#F7E7F1, #68AAA6, #006373, #003C1E, #000C16)
• Softworn Periwinkle Hollow color palette (#FCF3ED, #C0E9E7, #5CADE9, #1E8C82, #573E54)
• Washed Drift color palette (#D7F9FF, #80CDBF, #00897C, #004D46, #001A14)
• Linen Pine color palette (#BAF0DF, #84B480, #188F56, #005A49, #003234)

Browse the whole catalog at Explore, or see today's palette.