Soft Pine color palette — #FFF2EC · #CFE1F8 · #00C3E1 · #0C8D54 · #003A54
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Frost (#CFE1F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00C3E1): A luminous, balanced blue — the color of open sky before noon.
- Fern (#0C8D54): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003A54): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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
- Timeworn Sky Summit color palette (#FEF3EB, #D6D6E4, #5EB5FF, #008881, #23325F)
- Turquoise Study color palette (#FFF2EC, #BAFCFF, #00ABD0, #007651, #002740)
- Frosted Corridor color palette (#EAF9F6, #9CF7F5, #00CEDA, #11A793, #004953)
- Patina Seafoam Parlor color palette (#DEFFE6, #23F4CC, #00B1A9, #007687, #004056)
- Tempered Cerulean Garden color palette (#EEF8F0, #92DEDB, #00909F, #00694F, #00475A)
- Aged Cabin color palette (#E2FEE1, #E2DFEB, #D4C3C4, #5DB88B, #003E47)
- Dusty Powder color palette (#FBF3F0, #C3DEE6, #ABC5F6, #5EA18E, #564857)
- Antique Turquoise color palette (#DFFBFF, #A7F0FF, #00AAB9, #005A69, #00181D)
Browse the whole catalog at Explore, or see today's palette.