Tempered Quarry color palette — #FEF2EE · #AFCEB5 · #2E81AA · #00633C · #273A5D

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Pistachio (#AFCEB5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2E81AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00633C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#273A5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Balcony color palette (#FCF3EB, #A9CEC3, #6172BD, #005F61, #413257)
• Worn Station color palette (#EEF4EF, #97D4D8, #008AA4, #005D4E, #032336)
• Patina Turquoise Harbor color palette (#F9F4EE, #BFDEC3, #00A6C5, #007E6B, #1C4335)
• Teal Grove color palette (#D8EFDD, #48A886, #007D7D, #00556E, #2B3266)
• Dusty Onyx Boulevard color palette (#EEDDD6, #3F8D99, #004160, #002415, #010030)
• Timeworn Lagoon color palette (#E6FCEA, #ABE0CF, #B89DE2, #25804D, #2B4B3D)
• Turquoise Grove color palette (#D9FFE6, #5FB4D6, #007285, #003D4E, #00242C)
• Weathered Pine color palette (#FBF3F1, #CEE5DE, #65A3BC, #467D52, #614962)

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