Tempered Dune color palette — #F9F3F9 · #D2D5E6 · #5EB3CD · #437F44 · #0C304F

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#5EB3CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#437F44): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#0C304F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Periwinkle Boulevard color palette (#FDF1F6, #D8D3DE, #89A4E5, #007F7B, #31264F)
• Frosted Lagoon Grove color palette (#FAF4EB, #CDE9CB, #30C7D8, #00A47B, #004253)
• Aged Azure Delta color palette (#FEF1F9, #BBEFFF, #4498DD, #006C54, #151843)
• Hushed Chapel color palette (#EFF6FF, #93B8FF, #A97C00, #6D7400, #0A1B34)
• Patina Thicket color palette (#EEF6FF, #E2D9E2, #ADB3A5, #389DA1, #272F46)
• Weathered Alley color palette (#FBF3F1, #97D2CD, #0086A1, #2A6126, #1B3D5B)
• Washed Lagoon color palette (#FBF2F5, #D9D4DE, #CCBAE3, #589FA1, #494A67)
• Worn Courtyard color palette (#F4E7F3, #65B1B2, #005E78, #002E0F, #000104)

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