Tempered Oat Quarry color palette — #F0F8EF · #B3DCC9 · #7AA5A0 · #7E7991 · #3B5349

Oat and Blue Fog set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Oat (#B3DCC9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7AA5A0): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#7E7991): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#3B5349): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Oat 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

• Timeworn Canyon color palette (#EDF8F2, #BBE9DC, #9BC19A, #8A9CAE, #3E524C)
• Muted Lagoon Terrace color palette (#F9F3F8, #D5D5E9, #87B9D4, #629375, #455467)
• Muted Driftwood color palette (#F6F3FF, #E3B1DE, #94BE93, #AC77A8, #205752)
• Antique Fern color palette (#F8F5ED, #C5C2A3, #6B8B6A, #447064, #564F00)
• Worn Lagoon Market color palette (#EAFAEF, #A5C880, #399B74, #8A5670, #11443A)
• Softworn Teal color palette (#F5F4FF, #C8A0D3, #61B89C, #50999F, #423F53)
• Ash Lagoon color palette (#EBF2FF, #C3BBF3, #B58AC0, #9D6685, #5B475F)
• Dusty Workshop color palette (#D3ECDD, #8EB085, #00856C, #794252, #00312B)

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