Cobalt Study color palette — #FBF0DF · #78C8E2 · #007BAD · #005152 · #001A36

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBF0DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#78C8E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007BAD): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001A36): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Timeworn Coast color palette (#F0E8DC, #9EBCA4, #007791, #004C42, #001826)
• Feathered Sapphire color palette (#F8F1E6, #7FC4F2, #0070D4, #00505D, #080259)
• Cerulean Coast color palette (#F7F1E8, #B8DAB8, #0093A4, #00654C, #002A37)
• Washed Denim color palette (#F3EDE2, #72A4BA, #005D8F, #00393C, #000A20)
• Azure Station color palette (#EDF9EF, #70DBFC, #0097D4, #007273, #003460)
• Petrol Chapel color palette (#F5F1EB, #C9E3D9, #6990BE, #006A7A, #3B2237)
• Washed Navy color palette (#EBE3D6, #517DA0, #00377F, #001E26, #01000C)
• Ember Studio color palette (#FAE2D3, #D85900, #007DA0, #7E3100, #001923)

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