Tempered Coast color palette — #FBEFE9 · #99D2DF · #2885B2 · #005D4D · #2E152F

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Sky (#99D2DF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2885B2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#2E152F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Coast 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

• Worn Cobalt Orchard color palette (#FCF1F9, #A2CCE0, #317FB2, #006246, #2D385C)
• Aqua Atelier color palette (#FFEEE5, #12D5D8, #007F98, #005436, #001C2E)
• Wandering Studio color palette (#F8F0EA, #B8E9D5, #6390C9, #286A6B, #3B2234)
• Muted Cobalt Veranda color palette (#F3E7DB, #7BBBE8, #3D68B8, #004A50, #130E36)
• Timeworn Turquoise Study color palette (#EAF9F7, #D6DEEA, #5BB3D0, #1D7D82, #0C3247)
• Patina Drift color palette (#F5E2D7, #0086A1, #004062, #00201B, #000109)
• Antique Peony Grove color palette (#F7D7D8, #DC4ABA, #007038, #006B5A, #240A0D)
• Gentle Nightshade color palette (#EFE5DA, #4490CB, #1F3CA3, #002B31, #050018)

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