Cobalt Drift color palette — #F8F6E8 · #A9B042 · #3C73C9 · #813D74 · #27180C

Sapphire and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Gold (#A9B042): A luminous, balanced green — the color of a quiet forest floor.
• Sapphire (#3C73C9): A full-bodied, balanced blue — the color of open sky before noon.
• Raspberry (#813D74): A full-bodied, balanced pink — the color of peonies in June.
• Onyx (#27180C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Cobalt Drift 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

• Iris Study color palette (#F4F7E6, #66B875, #7A78DA, #93465A, #1E1507)
• Amber Coast color palette (#FDF4E6, #C99737, #0095B2, #604784, #271710)
• Airy Cerulean Bloom color palette (#F5F7E9, #94CC90, #0098C2, #70468E, #491A11)
• Lime Workshop color palette (#F7F6E7, #AAB942, #9F8AD9, #7F72A9, #35221F)
• Aged Teal Field color palette (#FFF4E2, #B0DA9C, #00AA8F, #725293, #31332C)
• Washed Balcony color palette (#ECFAEC, #A17119, #714B84, #6A2845, #36212E)
• Ancient Corridor color palette (#E0F7F7, #39966A, #006E76, #582F6D, #0A1709)
• Washed Lapis color palette (#F5F9D4, #3AA900, #4940FF, #7E004C, #060300)

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