Tempered Cornflower Harbor color palette — #E7F2E9 · #9DCCE6 · #038AE4 · #006A76 · #182C55

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#9DCCE6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#038AE4): A luminous, vivid blue — the color of a favorite pair of jeans.
• Peacock (#006A76): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#182C55): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Cornflower 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

• Aged Periwinkle color palette (#EFF8F1, #BBD8F3, #6295E5, #007891, #2D3A55)
• Hushed Cerulean Parlor color palette (#E9F1EA, #84D4D9, #0096B0, #006E5C, #003346)
• Pale Sapphire color palette (#F9EAF0, #6EBCE1, #2A65BE, #005148, #2C274F)
• Turquoise Garden color palette (#DAEEF0, #00B1D3, #007EAB, #005687, #0C2E5E)
• Quiet Chapel color palette (#D6E9FF, #58B0FF, #007BD0, #004487, #001831)
• Worn Petrol Lantern color palette (#E2EEE4, #69ADC0, #006F97, #004A48, #001529)
• Powder Workshop color palette (#F1F7F2, #D9DDEC, #89B4E9, #4A92A2, #465369)
• Airy Cabin color palette (#E2F1FE, #008DDB, #D91D6B, #5A7400, #052137)

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