Worn Harbor color palette — #FBF2F8 · #BEE7FC · #51BCFF · #29A090 · #283A5B
A conversation between Cornflower and Fern, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Powder Blue (#BEE7FC): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#51BCFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#29A090): A luminous, balanced teal — the color of glacier melt.
- Navy (#283A5B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn Harbor 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
- Worn Canyon color palette (#FCF2F6, #D8DEF5, #9EBEF8, #41A9B3, #3E4761)
- Ancient Periwinkle Bloom color palette (#F8EBEE, #B2D8FA, #7D9FFF, #008EA0, #2E274C)
- Dusty Parlor color palette (#F4F6EC, #B7DFC8, #00A4D4, #007A85, #0F3F58)
- Gentle Jade color palette (#DBE4FF, #C1C0FF, #4CB46D, #A49000, #232A43)
- Aged Cornflower color palette (#E9DCE3, #90C9E5, #3494F4, #007D7C, #141947)
- Misty Cobalt color palette (#EADBE3, #6BABC3, #0079C4, #005E59, #020328)
- Wandering Ridge color palette (#EBDDE7, #69C1BE, #0093AA, #007141, #001623)
- Iris Grove color palette (#DEF2FF, #8FBDFF, #818AFF, #886BC0, #432A53)
Browse the whole catalog at Explore, or see today's palette.