Softworn Pine color palette — #F9F3F8 · #C7E1EC · #4D93BB · #00754B · #374769

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#C7E1EC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4D93BB): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00754B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#374769): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Antique Thicket color palette (#FAF3F6, #D9DEEE, #8898C2, #0B7F7C, #4C506C)
• Cobalt Summit color palette (#FBF2F7, #ADCADB, #3E7BBD, #006151, #34355E)
• Wandering Villa color palette (#F6F1EA, #CBE4D0, #419AB5, #006E61, #0A3428)
• Lagoon Chapel color palette (#BDF4F1, #6CC2AE, #008D93, #005C74, #2A4565)
• Dusty Spruce color palette (#E4DDE5, #588995, #004454, #012504, #000A18)
• Ancient Amber color palette (#E7F9FF, #59AFB6, #C96B4F, #00747C, #67301F)
• Patina Balcony color palette (#EDDCE7, #589AAC, #004D7C, #003124, #0A0048)
• Terracotta Archive color palette (#ECF7FF, #3F92C0, #B55B64, #A24300, #203B4F)

Browse the whole catalog at Explore, or see today's palette.