Oat Boulevard color palette — #FFF1F6 · #D2D59D · #86BBA7 · #8C86AC · #354D48

Pistachio and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Pistachio (#D2D59D): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#86BBA7): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#8C86AC): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#354D48): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Turquoise Harbor color palette (#FFF0FA, #A9DFBE, #70BBCE, #B07B82, #334D51)
• Oat Thicket color palette (#EBF9F5, #B7D38F, #93AAD5, #947AAA, #523852)
• Softworn Petrol color palette (#E7FBF2, #C9E8B6, #79B18D, #2F7C9A, #284642)
• Weathered Courtyard color palette (#E8FBED, #C7DEE1, #ABC7CB, #A296AE, #604C59)
• Weathered Mint color palette (#E1F7F3, #8FC982, #688184, #495856, #1B2420)
• Worn Fern color palette (#FBF5E1, #AEC893, #739F7D, #457788, #4B4B00)
• Patina Mint color palette (#FFE6F6, #7BD098, #23A9BF, #AA566A, #04373D)
• Tempered Ridge color palette (#FCEFE4, #B0B06F, #40886C, #684367, #2E2D1D)

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