Tempered Coast color palette — #F1F5FF · #B8EDC9 · #969AC9 · #646C82 · #272B36

Mint and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Mint (#B8EDC9): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#969AC9): A luminous, dusty violet — the color of wild irises.
• Slate (#646C82): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#272B36): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Tempered Celadon color palette (#F8F2FD, #C4E298, #B8829C, #6B5C78, #251E2B)
• Driftwood Corridor color palette (#F5F4FD, #ECD9DC, #9779A1, #464358, #1B1A23)
• Powder Alley color palette (#F0F5FF, #A7B6FD, #53B6A6, #52939B, #27363C)
• Quiet Seafoam color palette (#F3F4FF, #42F0A9, #9E73DF, #644F85, #17182E)
• Aged Mallow color palette (#E0FCF7, #EDBBFE, #DF9A8A, #6893A3, #4C4355)
• Weathered Stone Meadow color palette (#F6F4FC, #E3D7DB, #A2CDC9, #BBAFA9, #535157)
• Mustard Balcony color palette (#F3F5FD, #E1D7FF, #D3B271, #B0A0DB, #253227)
• Mint Field color palette (#DCDBF3, #5BD57C, #945BBB, #543D65, #0A0819)

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