Ancient Pine color palette — #B8F0D2 · #009160 · #007698 · #655300 · #000201
Built around Fern, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Mint (#B8F0D2): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#009160): A full-bodied, balanced teal — the color of shallow lagoons.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#655300): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.
Use it as a design system
One click turns Ancient 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
- Faded Drift color palette (#B3EFE7, #008D83, #006BC2, #4E5C00, #000202)
- Olive Drift color palette (#DBE8B4, #718500, #007C72, #833F00, #010200)
- Dusty Harbor color palette (#BBE9FE, #00899D, #563FFB, #00671D, #000203)
- Gentle Mint Courtyard color palette (#D8FFE9, #2CCC86, #007C55, #002D1A, #000201)
- Misty Quarry color palette (#CCE7D3, #006A38, #3435AF, #6F1400, #000501)
- Orchid Meadow color palette (#EDF6FF, #009AE8, #A651E3, #007D69, #000E1B)
- Airy Station color palette (#DAF3FF, #008098, #742FC5, #630056, #000102)
- Hushed Pine color palette (#D6FEFF, #96FFE7, #00CDCC, #00783B, #001B14)
Browse the whole catalog at Explore, or see today's palette.