Tempered Ash Harbor color palette — #F7EFF4 · #D6D1E7 · #75A1C7 · #357871 · #2B3749

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#D6D1E7): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#75A1C7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#357871): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#2B3749): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Ash Harbor 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 Lagoon color palette (#EDF8F6, #D4DCEE, #6BA1BD, #407882, #435564)
• Muted Denim Station color palette (#EBDFE6, #4EAAC2, #005E8B, #003A33, #000726)
• Petrol Archive color palette (#F2E4EE, #88BDCC, #00778F, #004E31, #001828)
• Weathered Archive color palette (#FCF3EE, #C3E1ED, #8EB6D8, #748F6E, #5F4B5C)
• Nightshade Parlor color palette (#F0DEE5, #5391BC, #003AAF, #002B2F, #04001A)
• Antique Courtyard color palette (#F6EEFF, #C982AD, #41A370, #11898C, #2B2432)
• Misty Courtyard color palette (#FAEEF2, #A6D5FE, #567CE2, #00606C, #241C48)
• Patina Ash Ridge color palette (#F4EFFB, #EFD4DA, #E7B6B1, #A089B1, #3E333F)

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