Oat Bloom color palette — #FBF3F0 · #C6DEE3 · #A2D3C0 · #9BA881 · #604A5E

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C6DEE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pistachio (#A2D3C0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9BA881): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#604A5E): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Teal Delta color palette (#FAF4EE, #C5DFEF, #DCBAD6, #6CB0AD, #644A56)
• Washed Chestnut Lantern color palette (#FFF2ED, #E0DDCD, #B6BEC9, #CAA796, #78450F)
• Tempered Taupe Field color palette (#FFF2EC, #FFC5B7, #87D6E1, #DB9382, #35563F)
• Emerald Cabin color palette (#FCF3F1, #CFE8CC, #53C2E1, #5C9E5A, #1C3D5A)
• Weathered Fern Corridor color palette (#FBF4E7, #DEDBBB, #C5B491, #A48D78, #424E00)
• Shell Atelier color palette (#FFF2EB, #FDB29C, #75CCE5, #78A7D9, #48413D)
• Antique Turquoise Ridge color palette (#F6F0F4, #D2D3ED, #5EA6CC, #4C765D, #29374A)
• Softworn Stone color palette (#FFF2EA, #EFD7BB, #E6A792, #AF7C5F, #4F2A17)

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