Hushed Pine color palette — #F0F0D5 · #30784C · #004132 · #002427 · #000401
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F0D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#30784C): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004132): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002427): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- 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 Hushed 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
- Patina Olive color palette (#F7EAD7, #706B00, #2D3D00, #002612, #030300)
- Ancient Lagoon color palette (#DEE0CF, #308B63, #005044, #24244C, #000B05)
- Dusty Jade Coast color palette (#E3E8CF, #4BA984, #006A5F, #004653, #001C11)
- Denim Parlor color palette (#F4ECDF, #5894A7, #004F72, #002C2C, #00040E)
- Pine Delta color palette (#F7F2E1, #97B374, #417A46, #1C4F7B, #172600)
- Weathered Pewter color palette (#F7F1E7, #BBB586, #707B4D, #694A5A, #30260C)
- Twilit Aubergine color palette (#EFEDFF, #5500B5, #632D00, #00382B, #020008)
- Grape Balcony color palette (#FFDDF0, #573AC5, #544A00, #2A0075, #030300)
Browse the whole catalog at Explore, or see today's palette.