Straw Ridge color palette — #FEE59C · #87BD92 · #20859B · #844A52 · #653928

Built around Butter, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Butter (#FEE59C): A whisper-light, balanced green — the color of a quiet forest floor.
• Mint Leaf (#87BD92): A luminous, balanced teal — the color of sea glass.
• Cerulean (#20859B): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#844A52): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#653928): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Straw Ridge 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 Jade color palette (#FBE1B4, #7FB97C, #4B848F, #665677, #5A3C51)
• Softworn Studio color palette (#ECECCC, #58A280, #2B6D8C, #693834, #4B280A)
• Worn Turquoise Delta color palette (#D4F5C3, #3AC1C6, #5C7BB6, #764C20, #5D3A47)
• Pewter Courtyard color palette (#D7FFF7, #98C0CE, #6F8099, #7B5A6A, #634444)
• Pale Moss Lantern color palette (#E8FBEC, #91B058, #007D50, #604E23, #334019)
• Patina Cabin color palette (#FFE9C8, #D4D4AB, #6EBCAC, #B872A1, #6C3329)
• Hushed Bloom color palette (#A7F4D1, #75B3A6, #46868B, #384F83, #2F2E51)
• Soft Azure Alley color palette (#DEF7E8, #00ABD9, #6C66BA, #694A1D, #413B00)

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