Hushed Basin color palette — #F0F8F1 · #D9D5E0 · #7AAADC · #007D8C · #1F2D4D

A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Silver (#D9D5E0): bright and airy, almost weightless.
• Cornflower (#7AAADC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1F2D4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Wandering Lagoon Harbor color palette (#EDF9EF, #D4D7E8, #3BC2D3, #008B68, #003C4B)
• Lagoon Basin color palette (#FCF2F6, #CAE4F8, #95B1ED, #00A199, #3D315F)
• Wandering Petrol color palette (#E6F2E8, #7CC4CF, #00728F, #003F38, #000306)
• Cerulean Market color palette (#EEF8F0, #CBE3FF, #00A2C2, #006B5C, #002231)
• Softworn Denim color palette (#E1EEE3, #72A9D1, #0452A5, #002A33, #00000B)
• Hushed Bloom color palette (#E1FBFF, #D5DDE9, #B7AAB3, #5BA787, #063C49)
• Worn Harbor color palette (#FAF4EB, #A0D2BE, #287BC7, #005E6A, #2A395C)
• Soft Blush color palette (#E0FBFF, #63D6C0, #EA7FA5, #008A77, #451327)

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