Cobalt Loft color palette — #F8E0FA · #0075D5 · #7B6100 · #544100 · #170A19

A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8E0FA): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#0075D5): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Olive (#7B6100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#544100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#170A19): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Dusty Indigo Delta color palette (#F9E1EF, #6C61D3, #576F0C, #394B00, #1B0914)
• Linen Ridge color palette (#E1F1FF, #0077B5, #736000, #524400, #0D293E)
• Soft Ultramarine Archive color palette (#FFEBFA, #3D58D4, #604B00, #3E2F00, #040F01)
• Timeworn Thicket color palette (#FEE5F2, #7A67D3, #794800, #063F11, #001915)
• Muted Chestnut Chapel color palette (#D2F2E0, #0082A1, #945019, #693200, #00150A)
• Ancient Summit color palette (#E4F0FF, #5C90DC, #B96744, #656500, #132740)
• Lowlit Studio color palette (#F3DAEF, #1B25E0, #524200, #302600, #000013)
• Linen Amethyst color palette (#E3D9FB, #850CF2, #406900, #284500, #0F0224)

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