Softworn Pine color palette — #F9F3F8 · #B8DBE9 · #3FA0D3 · #008052 · #253963
A conversation between Teal and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Powder Blue (#B8DBE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#3FA0D3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008052): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#253963): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn 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
- Lagoon Orchard color palette (#FAF3F6, #D4DDF5, #85A6DB, #008E81, #3E4664)
- Timeworn Cornflower color palette (#F6EBF0, #A8C9E3, #6383D2, #006C68, #312352)
- Sunlit Thicket color palette (#E2F4E8, #BAA85B, #7091E9, #857000, #1E3069)
- Softworn Cerulean color palette (#F8F5EF, #ABCFB5, #0085A6, #006157, #164436)
- Patina Denim Lantern color palette (#EADBE5, #5A9EAE, #005D92, #003D2C, #04002D)
- Wandering Chestnut Bloom color palette (#DCEDE1, #8BBAA9, #937E46, #89470C, #0B3835)
- Dusty Ultramarine Basin color palette (#ECD9E0, #81A7C5, #4559C6, #004A4A, #1C0039)
- Feathered Pier color palette (#D0EDDC, #A59642, #777EDD, #8955AD, #332B00)
Browse the whole catalog at Explore, or see today's palette.