Oat Coast color palette — #D7F9F3 · #A3D8D5 · #77A2A6 · #5B7990 · #415267
Oat and Slate set the tone — five colors that lean into calm and sophistication.
The five colors
- Honeydew (#D7F9F3): A whisper-light, dusty teal — the color of shallow lagoons.
- Oat (#A3D8D5): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#77A2A6): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5B7990): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#415267): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Oat Coast 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
- Antique Lagoon Alley color palette (#EFF7F6, #CDDEF8, #56B2D1, #008B92, #324B5C)
- Aged Denim color palette (#C8E5E9, #76ACC2, #5386B0, #664A7D, #4B2E4B)
- Muted Stone Quarry color palette (#E0FFE5, #89C0B5, #5C909B, #6B6179, #5C4757)
- Faded Azure color palette (#BBFAF9, #6FD3E4, #2B9DD0, #7765A3, #4C4868)
- Aged Lagoon color palette (#CBE6DF, #1F8C8B, #005E6E, #252A50, #18082E)
- Navy Boulevard color palette (#DCECE4, #52BEAE, #009CA6, #45619B, #373071)
- Basalt Basin color palette (#DEF1FF, #679ED3, #5D71A3, #653262, #3C1629)
- Teal Grove color palette (#DDFCFF, #83DEC7, #00B092, #00735D, #003B30)
Browse the whole catalog at Explore, or see today's palette.