Oat Canyon color palette — #F0F6FE · #C2DBA3 · #687DAA · #414E61 · #262C35

Built around Pistachio, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Pistachio (#C2DBA3): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#687DAA): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#414E61): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262C35): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Tempered Mint color palette (#F5F3FF, #A1D58E, #876191, #423E58, #22202A)
• Worn Market color palette (#EFF6FF, #FFBFB4, #677EA5, #404E62, #252C35)
• Wandering Ash Courtyard color palette (#F3F5FC, #EED4EE, #9C98C8, #636B8A, #272B38)
• Periwinkle Quarry color palette (#F1F5FF, #97A3F7, #8BA66E, #52867A, #363D4C)
• Muted Meadow color palette (#E3FBFA, #C3B0FC, #B98087, #437881, #484556)
• Wandering Quarry color palette (#F2F5FD, #C4CEFF, #C68C6F, #8089BA, #372931)
• Worn Harbor color palette (#F4F4FC, #E2D7DE, #BAAFAC, #9996BC, #525259)
• Mint Delta color palette (#F1F5FF, #00DC90, #5658C6, #30336B, #121A2D)

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