Sky Basin color palette — #ECF7FF · #77B9DD · #BC8D6C · #3A7A9C · #614351

A conversation between Sky and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#77B9DD): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#BC8D6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#3A7A9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#614351): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Antique Cypress color palette (#E5F9FF, #6EC0BC, #C28495, #24827F, #58455E)
• Aged Petrol Ridge color palette (#E6F6F0, #88BBD9, #C68E67, #007BAB, #36302B)
• Softworn Chapel color palette (#F0F5FF, #9FAEDE, #B2945C, #5C6EB0, #35563B)
• Timeworn Balcony color palette (#ECF7FF, #94CDEE, #E1A07A, #0A97D1, #624153)
• Softworn Turquoise color palette (#ECF7FF, #57A2C5, #A98248, #767444, #314553)
• Muted Denim color palette (#EDF6FF, #A8CFF0, #6787B1, #33557D, #233E57)
• Stone Station color palette (#EBF7FF, #DCDAE4, #E3B4BF, #5D8C95, #435060)
• Wandering Turquoise color palette (#ECF9F2, #9EE0FB, #F3BA80, #54B6DA, #524C46)

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