Tempered Coast color palette — #FAF2F8 · #B5E4FC · #4F92BD · #0F7264 · #38495F

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#B5E4FC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4F92BD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#0F7264): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#38495F): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Cypress Workshop color palette (#F8EFF4, #BFE2F4, #6693B7, #2C6C56, #1D2B49)
• Mallow Atelier color palette (#EAF8FF, #D8D8E7, #C8B7EE, #588B93, #3A4C5A)
• Turquoise Canyon color palette (#EAF8FF, #00B1D4, #C27248, #007188, #58364A)
• Aged Field color palette (#FDF3ED, #CBEFD9, #7EAAD0, #338C72, #5C3B53)
• Timeworn Quarry color palette (#F8F5EF, #C6E5E2, #82C8EC, #00AEAA, #205247)
• Antique Coast color palette (#EEE2EB, #199198, #004355, #002417, #000A16)
• Patina Studio color palette (#ECF7FF, #60C8FB, #0777A8, #004D68, #003047)
• Softworn Denim Courtyard color palette (#FBE7F1, #3F9BBF, #004C82, #00302E, #07083F)

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