Cerulean Field color palette — #F7F1E8 · #C6E4DA · #698FC4 · #16697B · #3C2136

Built around Slate Blue, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Silver (#C6E4DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#698FC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#16697B): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#3C2136): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Field 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

• Weathered Cypress Cabin color palette (#F6F1E9, #C4E6D0, #5497B5, #006D68, #05342A)
• Gentle Harbor color palette (#FAF0E2, #AADCCA, #3385D8, #00606E, #112050)
• Wandering Lantern color palette (#FBF2F5, #CDDFEF, #7387C6, #007170, #414564)
• Frosted Petrol Study color palette (#DEF9F1, #6AAAE1, #B5823D, #2269A0, #392200)
• Tempered Denim Pier color palette (#EFE6D8, #5FA9B6, #00617C, #003A35, #000C17)
• Mallow Lantern color palette (#E1F8F1, #ECD6CE, #D6BEF2, #5D8DA6, #3E2C3B)
• Hazy Cobalt color palette (#ABEBFC, #57B6D8, #1782B9, #1E5382, #1B2C4F)
• Hushed Boulevard color palette (#FEEBFF, #5490D5, #AF676F, #547738, #2A152C)

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