Tempered Oat color palette — #E5FBF1 · #9EDFFF · #F7B59C · #6FB2D2 · #534B47
A conversation between Melon and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#9EDFFF): A whisper-light, dusty blue — the color of open sky before noon.
- Melon (#F7B59C): A whisper-light, balanced orange — the color of autumn markets.
- Cyan (#6FB2D2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#534B47): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Oat 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
- Softworn Station color palette (#FFF0FA, #C7D3FF, #DAC77E, #96A5DF, #504D46)
- Softworn Canyon color palette (#EFF9E9, #88EBD2, #F3B1C4, #70B9A6, #65433E)
- Softworn Powder Delta color palette (#EBF7FF, #7DD1F3, #E0A17B, #5097B2, #5E4451)
- Worn Oat color palette (#E5FCEB, #E0D8E0, #B5D7C2, #C7B8AC, #5C505E)
- Washed Cornflower Boulevard color palette (#FFF0FE, #A4C6FF, #FFAB72, #4B89F3, #5C2B00)
- Worn Powder color palette (#D9FFF3, #D3DFFD, #87C4F2, #6890B1, #163D31)
- Hushed Veranda color palette (#E8F4FB, #89BCD1, #CC8A67, #007D9F, #432637)
- Softworn Loft color palette (#FCF1FA, #F1DDA1, #889ECD, #7B6578, #312830)
Browse the whole catalog at Explore, or see today's palette.