Frosted Harbor color palette — #FBF5DF · #C1E4B8 · #00AC7D · #6F6F1B · #153809
Built around Jade, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FBF5DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#C1E4B8): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#00AC7D): A luminous, balanced teal — the color of glacier melt.
- Olive (#6F6F1B): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#153809): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Frosted 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
- Dusty Moss color palette (#FFF3E3, #DEDD99, #75A158, #8B6212, #323000)
- Moss Alley color palette (#FFF3E3, #DCDDA3, #72A254, #007C6E, #313003)
- Teal Atelier color palette (#F6F7E7, #9FEBCB, #00A7A3, #9B5442, #003827)
- Antique Pine color palette (#F4F3E0, #82B973, #337D44, #3F5421, #222300)
- Lagoon Workshop color palette (#E4E1CD, #56885F, #00473A, #001F29, #000200)
- Frosted Boulevard color palette (#FFF4DD, #B2D086, #00974F, #006569, #172300)
- Worn Forest Grove color palette (#EAE0CE, #8B9549, #115E09, #003330, #010100)
- Dusty Corridor color palette (#F7F5EE, #BCE3D6, #A4B68D, #738D7B, #484A00)
Browse the whole catalog at Explore, or see today's palette.