Frosted Basin color palette — #F8ECE3 · #8AB8D7 · #4C6ECB · #005956 · #241145

Built around Sapphire, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE3): a clean, paper-quiet neutral.
• Sky (#8AB8D7): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#4C6ECB): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#241145): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Frosted Basin 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

• Powdered Cobalt Alley color palette (#FBECE6, #7DBEC7, #007EB0, #005C3A, #071A4A)
• Antique Alley color palette (#FFF1F6, #91D5FF, #5177C8, #00524D, #10012B)
• Hushed Terrace color palette (#E6EEE7, #65A7D0, #0058A0, #003D46, #0E1B46)
• Gentle Grove color palette (#E6DDD0, #83C9F5, #4495EA, #007A8C, #0D1B46)
• Hushed Azure Ridge color palette (#FFF2ED, #8ED9E6, #0096D9, #007651, #162876)
• Denim Corridor color palette (#EEE3DB, #729D8B, #2054A8, #003C36, #0B0027)
• Worn Boulevard color palette (#C9F6F7, #00B3B0, #007277, #003938, #000F0E)
• Olive Atelier color palette (#D3E7C8, #78D3F8, #9C94E3, #457100, #002A31)

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