Tempered Quarry color palette — #FBF4ED · #C3E9EE · #A7BDEF · #5BA5B1 · #5D3C4E

Built around Blue Fog, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Frost (#C3E9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A7BDEF): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#5BA5B1): A luminous, dusty blue — the color of open sky before noon.
• Cocoa (#5D3C4E): A full-bodied, dusty rose — the color of a warm blush.

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

• Worn Ash color palette (#FBF3EF, #C6DEE6, #A2D3C2, #76AFA5, #614A5F)
• Tempered Periwinkle Villa color palette (#EEF7F7, #D7DBF8, #81A7DB, #4B829F, #364865)
• Weathered Sky color palette (#FBF3EF, #C6EBCC, #5BC0E3, #4C9E7E, #153E5D)
• Jade Studio color palette (#F6F6E7, #AFDB93, #C8AFF2, #7FAF5E, #493A5F)
• Weathered Cobalt color palette (#F4E8DE, #67AAC9, #0076CE, #005D5B, #04002D)
• Hushed Iris Studio color palette (#F7EFF2, #C4E0FA, #748BC6, #006B77, #252B41)
• Antique Fern color palette (#F7F7E1, #BFF1EE, #A5D7FE, #BBAE80, #465409)
• Softworn Atelier color palette (#F6F8DB, #97D082, #CAA1E4, #CE7F9F, #383932)

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