Tempered Cerulean color palette — #FCF1FD · #8BD4D2 · #2184A1 · #2F5F35 · #253C54

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

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Ice Blue (#8BD4D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2184A1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#2F5F35): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#253C54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Cobalt Garden color palette (#FFF1F6, #98CCF0, #5E76B3, #00605D, #333857)
• Wandering Coast color palette (#F3F3E6, #B5D0B4, #348A8F, #005D50, #00262B)
• Teal Loft color palette (#EEF8F5, #ABDEEC, #20A9B1, #007E6D, #00434C)
• Blush Coast color palette (#EEF6FF, #D7CEFF, #D892B6, #34757A, #333B52)
• Hushed Ash Coast color palette (#FCF2F5, #DBDDEE, #8D96C1, #467786, #4F5164)
• Timeworn Lagoon Drift color palette (#E6DAE5, #009296, #004357, #00240B, #00091B)
• Dusty Sapphire Loft color palette (#D3E7FF, #0B73F1, #846900, #4C5D16, #182C45)
• Linen Sapphire color palette (#FFF1F7, #59C3FF, #2D5EE9, #005652, #36275C)

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