Cocoa Quarry color palette — #FAE8F0 · #C0D7C7 · #82B1A6 · #773B00 · #070003
A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FAE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
- Oat (#C0D7C7): A whisper-light, dusty teal — the color of sea glass.
- Sage (#82B1A6): A luminous, dusty teal — the color of sea glass.
- Bronze (#773B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Black (#070003): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa 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
- Softworn Garnet Chapel color palette (#F3EBF4, #E0C8D5, #95AE99, #7E2D42, #050107)
- Basalt Hollow color palette (#ECE2E5, #95A596, #67846F, #4F2D00, #0B0104)
- Softworn Fern color palette (#EDF8F5, #CBDDE7, #A2C0CD, #4A6B2E, #00100D)
- Bronze Meadow color palette (#F4E9DF, #B2B19D, #979A7E, #9F6100, #1C1107)
- Twilit Chestnut Studio color palette (#D9EFDF, #5F4A00, #0B1619, #010800, #040002)
- Softworn Emerald Courtyard color palette (#C4ECD8, #3EA741, #005B4D, #42183D, #000200)
- Twilit Archive color palette (#F3DCE9, #AC3E00, #004547, #1D003D, #020007)
- Worn Amber Cabin color palette (#FFE5E3, #B18245, #397047, #49204D, #1C001F)
Browse the whole catalog at Explore, or see today's palette.