Straw Hollow color palette — #FBF4E9 · #F0E8A7 · #9EA274 · #8E6D66 · #3B3831
A conversation between Celadon Mist and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Celadon Mist (#F0E8A7): A whisper-light, balanced green — the color of a quiet forest floor.
- Sage (#9EA274): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#8E6D66): A full-bodied, dusty orange — the color of toasted spice.
- Charcoal (#3B3831): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Straw Hollow 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
- Tempered Teal color palette (#F6F6EB, #C7F3C9, #72AE88, #667D6D, #373D00)
- Basalt Archive color palette (#FBF4EB, #DED7A6, #A7B282, #A98397, #533F00)
- Celadon Ridge color palette (#F6F7E2, #96F2A0, #3FA971, #856247, #2E2F28)
- Basalt Lagoon color palette (#FCF3EC, #BFAE87, #627D4E, #555480, #543F00)
- Dusty Boulevard color palette (#EBF5EC, #99BDA9, #6F7C42, #554E76, #0E2E1F)
- Tempered Meadow color palette (#FDF4E2, #ABA648, #5D6700, #543218, #0B0700)
- Ancient Blush color palette (#FFF2ED, #FF9A99, #C6A65A, #A681B8, #3B241C)
- Blush Ridge color palette (#FFF1F7, #FFB9D1, #E17E96, #9E5E68, #5C3629)
Browse the whole catalog at Explore, or see today's palette.