Worn Forest color palette — #F9EFED · #CCE4CC · #5098B2 · #246F33 · #132D49

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

The five colors

• Cream (#F9EFED): bright and airy, almost weightless.
• Celadon Mist (#CCE4CC): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#5098B2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#246F33): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#132D49): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Forest 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

• Cerulean Delta color palette (#F7F0EC, #CAE3D6, #6690C4, #006E5F, #3E2134)
• Softworn Cobalt Pier color palette (#F8F0EC, #B3D0BB, #3B83B1, #005E40, #101C47)
• Worn Coast color palette (#F9F3F9, #C9E3FD, #55B2D2, #4D8B55, #37495D)
• Airy Indigo color palette (#F8F0E8, #B0D4F7, #6B76E0, #006166, #2F1548)
• Hushed Denim Ridge color palette (#F7EAE5, #59959C, #00506F, #002E18, #000217)
• Muted Emerald Parlor color palette (#FFECEF, #AA79AF, #4F9151, #007864, #31131A)
• Patina Ridge color palette (#F5E9DF, #547E99, #162D8D, #001F1E, #020008)
• Hushed Cocoa color palette (#F7F2E1, #AFAE86, #7D773B, #69430C, #1F2611)

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