Tempered Quarry color palette — #FBF2F8 · #CADEF6 · #00BAD6 · #0F844D · #01334A

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Powder Blue (#CADEF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00BAD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#0F844D): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#01334A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Periwinkle color palette (#FCF2F6, #D8D4DF, #73A9EE, #007F81, #222D48)
• Lagoon Delta color palette (#F6F6EC, #AFEEEB, #64C3C8, #3A9F8C, #00434B)
• Pale Azure color palette (#FDF1F8, #BCEFFF, #009BE5, #006B60, #0B1C3F)
• Hushed Parlor color palette (#E4FAFF, #D7DCE8, #B8A7A1, #50A986, #18323F)
• Mint Loft color palette (#DEFFE6, #28D9B4, #00AAA1, #006973, #003647)
• Dusty Teal Dune color palette (#EDE3EA, #4FB4B6, #005F73, #002D1B, #000103)
• Hushed Forest Workshop color palette (#F9F4ED, #B1CEAE, #218793, #006248, #004253)
• Hushed Glacier color palette (#DFFBFF, #74F0FE, #009BA9, #00525E, #000E12)

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