Straw Quarry color palette — #FFF0F9 · #FCF477 · #FFD2B5 · #5E3200 · #1C140D

Butter and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Butter (#FCF477): A whisper-light, balanced green — the color of new leaves after rain.
• Peach Cream (#FFD2B5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5E3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#1C140D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Straw Quarry 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 Straw Harbor color palette (#FFF1F2, #CBFFC1, #FFD785, #4A3810, #191206)
• Patina Boulevard color palette (#FBF4ED, #FFE0B7, #9C6942, #572B00, #180C03)
• Hushed Alley color palette (#FFECC8, #FFD0CB, #B7B7AC, #63270B, #1A100B)
• Chartreuse Quarry color palette (#E6EFFC, #B6FFF3, #DEE900, #3D3B34, #181406)
• Muted Corridor color palette (#FFECC4, #C9F9EE, #DDD6CD, #5D4000, #2E271C)
• Faded Chartreuse color palette (#FFE4D1, #05F8EB, #AEDB00, #28330A, #0F0C01)
• Tempered Indigo color palette (#FFF2EF, #E698AF, #6DA4D0, #6668B9, #341E1A)
• Amber Orchard color palette (#F9F4EE, #FFE1B0, #98A848, #B37F00, #171200)

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