Ultramarine Thicket color palette — #EFF6FF · #7AA1DC · #BF8314 · #225CB0 · #304A31

A conversation between Cobalt and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7AA1DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#BF8314): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#225CB0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#304A31): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Ultramarine Thicket 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

• Grape Boulevard color palette (#F2F5FF, #A191E1, #BE8314, #634BA7, #563D14)
• Quiet Amber color palette (#EEF6FF, #64A5E4, #D86F33, #0061A6, #563749)
• Washed Periwinkle color palette (#FDEBFD, #66A5FD, #B3833C, #3965A1, #382201)
• Dusty Powder color palette (#EFF6FF, #88BAFF, #C89D52, #5681BE, #2F4A32)
• Amber Bloom color palette (#F4F4FE, #BDA2D9, #B39538, #8361A3, #395442)
• Softworn Cornflower color palette (#EFF6FF, #5189D9, #957700, #596C1C, #28394E)
• Airy Ember color palette (#E8F8FE, #36B3B6, #D56332, #007477, #603524)
• Aubergine Harbor color palette (#F2F4FF, #AA8DFA, #00984B, #5D11B8, #004820)

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