Oat Workshop color palette — #F5F6E9 · #BFE0B2 · #F7B59C · #90B582 · #534B47

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

The five colors

• Ivory (#F5F6E9): bright and airy, almost weightless.
• Celadon Mist (#BFE0B2): A whisper-light, dusty green — the color of fresh herbs.
• Melon (#F7B59C): A whisper-light, balanced orange — the color of autumn markets.
• Sage (#90B582): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#534B47): quiet, heavy and certain.

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

Use it as a design system

One click turns Oat Workshop 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 Ridge color palette (#FBF5E3, #DCD89E, #7CD8DE, #B2AB5F, #3C543F)
• Dusty Meadow color palette (#FFF3E4, #E8D7BB, #C8B294, #A88C6F, #5C4300)
• Emerald Terrace color palette (#F5F7E8, #A7D2A3, #D89BC2, #689C63, #644344)
• Patina Jade Dune color palette (#E9F9F8, #C6F3D0, #E8B8F3, #55B071, #474064)
• Muted Ash Orchard color palette (#F2F7EF, #E6E0B4, #73AB9E, #64725C, #282D26)
• Turquoise Orchard color palette (#ECF9EE, #90E6EB, #CBBDF4, #4EBBC2, #634151)
• Turquoise Pier color palette (#E7FBEB, #7ADEEA, #C1C46E, #08B3C2, #45460E)
• Weathered Mint color palette (#EDFCD9, #36E5A7, #F99F2A, #00B27E, #553100)

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