Frost Harbor color palette — #F6F3FF · #B8FFEF · #DCD7CD · #3B4835 · #262C23

Sea Foam takes the lead with Deep Olive close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Sea Foam (#B8FFEF): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#DCD7CD): bright and airy, almost weightless.
• Deep Olive (#3B4835): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#262C23): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Frost 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

• Timeworn Abyss color palette (#FFE7EB, #C0E1FF, #B5D3CC, #0D4439, #0F211C)
• Bronze Bloom color palette (#F0F8EF, #8CD2CF, #CF9DB6, #B46C53, #273626)
• Mustard Boulevard color palette (#F2ECD0, #E0B9FF, #DABA00, #27342C, #171F1A)
• Seafoam Basin color palette (#FFEBDF, #FFCAE9, #40F7A7, #607432, #2E3128)
• Dusty Glacier Harbor color palette (#FFF0DF, #E5DAFF, #21EBF6, #003A3D, #020D04)
• Turquoise Loft color palette (#F0F7F3, #D3DBDC, #B8ADA4, #6ABBD5, #46504A)
• Weathered Station color palette (#FFDBD5, #D1C8FF, #00DCC0, #3E4F5B, #2D3A3C)
• Worn Balcony color palette (#F1F7F2, #CCDAF2, #96AEE0, #0EAFB6, #251A24)

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