Tempered Cerulean color palette — #F6F0F4 · #BAE4F5 · #3997C9 · #166F49 · #1F2C40

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Powder Blue (#BAE4F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3997C9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#166F49): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1F2C40): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Timeworn Meadow color palette (#F7EFF2, #D9D0E4, #859BCF, #307875, #31344A)
• Cobalt Parlor color palette (#F8EFF4, #A3CEE7, #2A7ECF, #005D4D, #161F38)
• Faded Wisteria color palette (#F3EFFF, #B96DB9, #009575, #117D62, #201931)
• Lagoon Canyon color palette (#E8DDE9, #398782, #004351, #022101, #000104)
• Aqua Ridge color palette (#F8F5EF, #BEE1EA, #67CAEA, #2C9486, #26473C)
• Tempered Ultramarine color palette (#EFE3E8, #74A3BE, #1D50B4, #003A35, #0D002A)
• Tempered Stone Terrace color palette (#F2F0FF, #DED4C7, #ECB985, #757BB1, #392F42)
• Washed Mulberry Loft color palette (#F2F0FF, #C38DCC, #30A475, #894395, #002E2F)

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