Tempered Coast color palette — #F0F7F2 · #D9DCF3 · #98BEFF · #4AA5C1 · #3B4762

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D9DCF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#98BEFF): A luminous, balanced violet — the color of twilight just after sunset.
• Cyan (#4AA5C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3B4762): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Courtyard color palette (#F1F7F2, #CAE3FD, #6CCEE2, #5EA993, #2A4C61)
• Aged Market color palette (#FBF4EC, #D9D4DF, #ACB8EA, #3D9193, #523541)
• Pale Canyon color palette (#D9E1DA, #5FABCF, #007AC0, #005C64, #000720)
• Quiet Mint color palette (#FFEFFF, #FF9FA3, #8BC872, #74A7EE, #443044)
• Chalky Parlor color palette (#E9FBEC, #91EAF8, #00BCE9, #00998A, #003753)
• Antique Garden color palette (#DFEDE1, #8DCBDA, #00A0D1, #007D78, #002139)
• Dusty Petrol Alley color palette (#F0F3E9, #C0E6DB, #6790C3, #05678B, #392337)
• Worn Marigold color palette (#ECF9ED, #B5DBC2, #CDA566, #A97E5B, #2D4339)

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