Pine Quarry color palette — #F2EFD5 · #007D3B · #004036 · #1A2200 · #000401

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2EFD5): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#007D3B): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1A2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine 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

• Hushed Olive color palette (#FBE7D0, #746900, #273E00, #2C1A00, #040200)
• Wandering Veranda color palette (#F3EBDA, #7A9958, #00663A, #004146, #141300)
• Misty Delta color palette (#C5EAE4, #37A65D, #005D3C, #103408, #000200)
• Jade Veranda color palette (#E8E8BF, #00B077, #006A63, #2E4618, #001C0F)
• Muted Garnet Atelier color palette (#D7EDF1, #006774, #822300, #003037, #090100)
• Soft Pine color palette (#FCF0DB, #9DB43C, #1F8030, #0B5856, #262102)
• Tempered Cerulean color palette (#F9E8E0, #3A99A5, #00516C, #002D22, #00040E)
• Deep Harbor color palette (#D4EFF6, #005361, #790402, #4F1E00, #000102)

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