Softworn Garden color palette — #FBF2FB · #B2F3F6 · #00A0CE · #006F34 · #001D43

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sea Foam (#B2F3F6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A0CE): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F34): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001D43): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Softworn Garden 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 Iris Chapel color palette (#FCF2F7, #C7ECFF, #5E92E2, #006B60, #1E1247)
• Wandering Pine Boulevard color palette (#F9F3F8, #D5D4E2, #62AFE0, #008359, #1B2B56)
• Cobalt Market color palette (#FCF2F8, #A7D3EA, #287FC4, #005341, #070035)
• Ancient Quarry color palette (#FEE9E3, #67C2C4, #007393, #075324, #112E51)
• Feathered Meadow color palette (#DFFCFA, #63C185, #AF6DEA, #007740, #25003E)
• Denim Corridor color palette (#E7DAE3, #7CA9BF, #00598C, #002D1F, #00000B)
• Ultramarine Market color palette (#F9E9EF, #89BDE4, #435CC4, #003E3D, #04000F)
• Feathered Byzantium Studio color palette (#DBFDFF, #00AB86, #9A5DDC, #8833D3, #00110B)

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