Tempered Basalt color palette — #FFF0F8 · #FBCDD5 · #B29583 · #467A6E · #3C365C

Navy and Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#FBCDD5): A whisper-light, dusty red — the color of embers at dusk.
• Taupe (#B29583): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#467A6E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3C365C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Basalt 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

• Taupe Chapel color palette (#FFF0F9, #EAC4C7, #C19679, #487466, #20483C)
• Basalt Terrace color palette (#FFF0F7, #F2D2BE, #AA9F79, #7F6479, #313C60)
• Aged Amber Veranda color palette (#F2DEE2, #B98659, #5F6631, #1A2C4E, #010927)
• Washed Navy color palette (#EEDFF8, #DB969F, #8C652F, #233A6E, #05143B)
• Bronze Alley color palette (#F5E2DD, #CC9789, #8E6F46, #135854, #0B3120)
• Muted Driftwood Canyon color palette (#FFF2ED, #DFDECD, #C4C6B2, #94808B, #5B4A54)
• Washed Periwinkle color palette (#FFF3EA, #C3E7F8, #7DA8E4, #008171, #2B2752)
• Patina Lagoon color palette (#FFF2EC, #D1C992, #5A9677, #73494E, #401B3A)

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