Tempered Dune color palette — #F0F7F2 · #CFE2F5 · #77A0B3 · #437B6A · #3E5665

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Frost (#CFE2F5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#77A0B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#437B6A): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3E5665): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Pine Summit color palette (#F5F0F5, #D1D3EA, #6CA5BF, #367C4D, #28374A)
• Ancient Denim Coast color palette (#DEE8E0, #61AEAA, #00636D, #00402E, #00242E)
• Softworn Lagoon color palette (#FBF3F1, #CEE7E0, #80BBD4, #60956C, #5E4B5F)
• Softworn Bronze Workshop color palette (#EEF8EF, #C8AB7A, #7B99CF, #906B21, #3B4E6A)
• Washed Cerulean Station color palette (#DDEEE0, #328F9B, #004355, #00231E, #000B14)
• Patina Drift color palette (#EBFAEF, #C6E4E6, #A1CBD8, #AF8292, #41554A)
• Worn Taupe color palette (#E5FCEB, #B1944B, #4697A3, #8D678C, #35483A)
• Tempered Cobalt color palette (#EFF8F0, #90DBF2, #008ABE, #006666, #1A4267)

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