Tempered Quarry color palette — #FDF3F0 · #B2CEB1 · #0085A4 · #00651B · #173C60

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Pistachio (#B2CEB1): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0085A4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00651B): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#173C60): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Ancient Pier color palette (#FBF3EF, #AFCDBE, #4F7AB1, #006154, #36365A)
• Patina Cerulean Cabin color palette (#ECF4ED, #97D5D2, #008C9B, #005E46, #002530)
• Turquoise Balcony color palette (#F9F4ED, #C4DCC2, #00A8BA, #007F60, #074152)
• Rust Quarry color palette (#F9DFD1, #B75C43, #007D79, #055E74, #42220F)
• Hazy Sapphire Coast color palette (#FFF3E8, #87C0E3, #3461DE, #005652, #391B6F)
• Cypress Harbor color palette (#F9F4EF, #CCE5E8, #8E96C1, #007E84, #694754)
• Ancient Brick Pier color palette (#FFE9E1, #CC6E6C, #008B87, #A40023, #003E3D)
• Hushed Abyss color palette (#E7DBD7, #6A8A6D, #004359, #00240D, #00081D)

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