Tempered Coast color palette — #FDF2F7 · #BCD2B9 · #B58EA3 · #9A6461 · #384E3F

Walnut and Dusty Rose set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Pistachio (#BCD2B9): A whisper-light, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B58EA3): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#9A6461): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#384E3F): A full-bodied, dusty teal — the color of sea glass.

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

• Antique Bronze Chapel color palette (#EBF9F0, #B5D2C8, #A69C6E, #906D42, #304E4A)
• Weathered Pewter color palette (#FFF0F8, #D9B1BE, #B1836E, #935455, #2F4334)
• Softworn Loft color palette (#FFF2EA, #E1DDC1, #C8A790, #A9664D, #533B00)
• Driftwood Chapel color palette (#FAF2FA, #B2DDC7, #9F6E70, #5E425E, #302830)
• Sand Boulevard color palette (#FFF0F7, #FAD0AF, #D0A9BC, #A38999, #534348)
• Antique Quarry color palette (#F9F3F8, #E6C5E2, #77AB71, #C96E6A, #1C3330)
• Timeworn Olive Garden color palette (#FFF0FC, #F2C9A9, #B39B64, #747613, #1F561C)
• Weathered Meadow color palette (#DEEFE0, #A4A171, #926A00, #753B00, #002B23)

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