Straw Coast color palette — #F6ECA6 · #ABBA85 · #65825E · #146D72 · #284C74
A conversation between Butter and Peacock, giving this palette its sense of nature and growth.
The five colors
- Butter (#F6ECA6): A whisper-light, balanced green — the color of fresh herbs.
- Sage (#ABBA85): A luminous, dusty green — the color of fresh herbs.
- Fern (#65825E): A full-bodied, dusty green — the color of a quiet forest floor.
- Teal (#146D72): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#284C74): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Straw 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 Driftwood Basin color palette (#FFDDC5, #CCAE86, #897B49, #38694E, #005159)
- Denim Pier color palette (#BDF4E7, #89AFAB, #528385, #315E75, #2C4864)
- Powdered Mint Harbor color palette (#F8EBC3, #C7DD95, #8BC47D, #479FA7, #034E62)
- Ancient Basin color palette (#D9E7CF, #5E946A, #2B6751, #003E57, #002648)
- Timeworn Veranda color palette (#E7FBF2, #96AC75, #4B7734, #6A4A0F, #124439)
- Patina Lantern color palette (#FCE4F1, #CD9F8A, #898357, #304D97, #421C46)
- Tempered Basalt color palette (#E0FBFF, #A8C6CF, #8A9EA7, #687286, #574C63)
- Navy Courtyard color palette (#D1EBE6, #52A3A3, #007F95, #3E4187, #442A6A)
Browse the whole catalog at Explore, or see today's palette.