Tempered Cerulean color palette — #F0F1E4 · #A7CAAE · #00A4BC · #007D7A · #00242E

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

The five colors

• Cream (#F0F1E4): a clean, paper-quiet neutral.
• Pistachio (#A7CAAE): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A4BC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007D7A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Azure Parlor color palette (#E7E9DF, #93C8E5, #009BE6, #007992, #00203D)
• Wandering Petrol color palette (#F0E5E0, #7BBEC6, #0080A5, #005B45, #00203D)
• Turquoise Drift color palette (#D3E3E0, #0EB0BF, #006373, #003938, #000D13)
• Feathered Coast color palette (#E0EFE5, #00A767, #0091B5, #8D7100, #00170A)
• Airy Lantern color palette (#F3F8E7, #B3E0FF, #54B1FF, #0092B8, #003266)
• Hushed Cornflower Lantern color palette (#E4E9D3, #2EB95F, #0092F4, #00873E, #001C35)
• Powdered Emerald Lagoon color palette (#E3EED4, #8CDAC5, #00CFD0, #139B42, #002F22)
• Lagoon Parlor color palette (#D0E9DC, #54C694, #009F72, #006246, #000A04)

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