Tempered Quarry color palette — #FFF4E2 · #88D6FF · #0091EF · #00707D · #132E69

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#88D6FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#0091EF): A luminous, vivid blue — the color of deep harbor water.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#132E69): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Sunlit Cerulean color palette (#FEF4E4, #5FE0EE, #009CBD, #007465, #003850)
• Ancient Azure color palette (#EAF9F8, #D2DCF0, #08A3F3, #006F87, #002547)
• Muted Sapphire color palette (#FFF3E9, #69C4F0, #0A6DCA, #005556, #242575)
• Powdered Periwinkle color palette (#FFF0F7, #AEE2FF, #6CADFF, #00979A, #26276D)
• Worn Alley color palette (#E8DFD2, #23A6A6, #006470, #003D2E, #000B11)
• Gentle Bloom color palette (#F2EAFF, #AD56FF, #B76B00, #008075, #2F1349)
• Tempered Lagoon color palette (#FAF4EC, #CFEFCB, #69B2BB, #49896F, #354E40)
• Washed Indigo Canyon color palette (#F8F1FF, #FEBCFB, #FFA0BA, #6B6CCD, #47244E)

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