Tempered Coast color palette — #F0F7F1 · #BBD9CE · #6FA7A5 · #648292 · #3F524C

Blue Fog and Storm Blue set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Oat (#BBD9CE): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6FA7A5): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#648292): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3F524C): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Lagoon color palette (#EDF9ED, #C2C99D, #6F9C77, #746C88, #31483F)
• Mint Veranda color palette (#FAF4EC, #BCE7D2, #81BF9A, #748D7E, #4F4700)
• Lagoon Veranda color palette (#F9F3F8, #D5D5E9, #90B7D3, #619375, #465366)
• Teal Study color palette (#D8E9E3, #70B78C, #00837E, #38587A, #003030)
• Softworn Periwinkle Drift color palette (#E9F8FF, #8DCCEC, #80A4DC, #6E6FA3, #525170)
• Aged Iris Field color palette (#F1F5FF, #BBC0F1, #D0A978, #8287BD, #3B553A)
• Weathered Drift color palette (#EFF6FF, #8FB2EE, #A9A963, #76976E, #374354)
• Ash Veranda color palette (#F2F5FF, #CED7FF, #989BD3, #686596, #31375C)

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