Tempered Cerulean color palette — #F0F7F1 · #C1E2F0 · #0799BD · #1C7066 · #324B5E
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Powder Blue (#C1E2F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0799BD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#1C7066): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#324B5E): A full-bodied, 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 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
- Petrol Veranda color palette (#F1F7F2, #D9DDEE, #7D9BC4, #297A8D, #475368)
- Tempered Villa color palette (#F7EFF5, #BCE4F3, #4C97BF, #346B4E, #1B2C46)
- Dusty Cerulean color palette (#E1F1E4, #3C9DB7, #005070, #00302F, #00152A)
- Antique Teal color palette (#F5F6EE, #C4E5DF, #80CADE, #50A8A8, #2D5040)
- Softworn Petrol color palette (#E8F1EA, #7ABDCD, #007296, #00504C, #07314D)
- Dusty Veranda color palette (#DEFCFD, #CADEED, #77DDF5, #67865D, #315053)
- Airy Loft color palette (#E6FAF9, #70B182, #B96AA4, #247843, #493A5D)
- Pine Pier color palette (#D8FEFF, #74CAAA, #00865B, #005237, #053B27)
Browse the whole catalog at Explore, or see today's palette.