Quiet Pine color palette — #CDF8F3 · #5F8800 · #007A20 · #004E3B · #000200
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#CDF8F3): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#5F8800): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#007A20): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004E3B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Quiet Pine 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
- Gentle Study color palette (#C7F2F4, #00983F, #006950, #004746, #000201)
- Quiet Studio color palette (#D5F4E8, #8A7D00, #596A00, #0D5107, #010100)
- Fern Alley color palette (#D1F1E4, #466311, #103300, #131600, #010100)
- Dusty Ridge color palette (#C3E9E2, #B39F00, #24A319, #00626F, #000201)
- Moonless Cypress color palette (#CCEADC, #047065, #003A3E, #031439, #020011)
- Teal Pier color palette (#D9EAEF, #00B694, #008B86, #00687A, #000809)
- Lowlit Abyss color palette (#BCE8EF, #00594F, #4C3800, #002520, #020100)
- Frosted Chartreuse Basin color palette (#D6FAFB, #79E775, #00D691, #00978C, #002016)
Browse the whole catalog at Explore, or see today's palette.