Tempered Quarry color palette — #F9F2FB · #B4DCE6 · #51A2B9 · #487A45 · #213D57

A conversation between Olive and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Powder Blue (#B4DCE6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#51A2B9): A luminous, balanced blue — the color of open sky before noon.
• Olive (#487A45): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#213D57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Hushed Hollow color palette (#FAF2F8, #CEE1FD, #76ABD3, #388C6D, #394862)
• Cobalt Dune color palette (#F6EBF2, #90D0E1, #328DCF, #006F54, #212957)
• Ancient Lagoon color palette (#FAF4EC, #B6CCB3, #008893, #006346, #004251)
• Powdered Pine color palette (#E9DEFF, #C476B5, #789545, #008853, #302442)
• Driftwood Hollow color palette (#D8EEE1, #A1B784, #8E813C, #77522D, #053837)
• Muted Spruce color palette (#EEDFEE, #54A1A0, #00627B, #003F11, #00091A)
• Worn Petrol Lagoon color palette (#F5E1ED, #64ADC7, #0067B7, #004B3E, #100341)
• Ancient Archive color palette (#F3F4FF, #F5D6D0, #E2B59A, #6683BC, #3F3751)

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