Tempered Cerulean color palette — #FFEEE6 · #9CDCE5 · #008FBA · #00644D · #002647

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Ice Blue (#9CDCE5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008FBA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00644D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002647): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Softworn Petrol color palette (#FEEEE6, #7BC9D8, #007CA8, #005344, #001939)
• Feathered Cobalt Cabin color palette (#FAF0E5, #A9D5FD, #667FC7, #00606D, #261750)
• Timeworn Forest color palette (#F9F0EA, #CDE4CB, #5999A5, #336C48, #003526)
• Sunlit Terrace color palette (#FBF2F8, #B2E4F7, #1AAADA, #008568, #004174)
• Lagoon Atelier color palette (#F1DED5, #43999F, #005267, #002D1E, #00050C)
• Washed Cypress Bloom color palette (#F7F0EC, #C9E3E1, #78A89A, #3E7670, #432E40)
• Ultramarine Corridor color palette (#FBEDE0, #68A4CA, #1652AF, #00393C, #09002E)
• Feathered Mint Orchard color palette (#D0FFE3, #00C89B, #008356, #004533, #00180B)

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