Patina Cobalt color palette — #FFF4DF · #DBB435 · #008CD3 · #796000 · #001A2D

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#DBB435): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#008CD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#796000): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#001A2D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Frosted Alley color palette (#FFF4E1, #E3B027, #7D6CEF, #7D5E00, #180745)
• Quiet Study color palette (#F9F7D7, #9BCB4C, #5779EF, #4E7000, #09123F)
• Apricot Garden color palette (#FFF3E9, #FB8723, #00A3BD, #984B00, #001C23)
• Honey Lantern color palette (#FFF3E3, #FFC24E, #828EF0, #9A6D00, #202448)
• Dusty Amethyst color palette (#FDECD1, #C69722, #7D3BE2, #634800, #0B0020)
• Pale Sapphire Coast color palette (#D1E4D0, #AA7100, #3A64C1, #644100, #0C245B)
• Pale Brick color palette (#FFF2ED, #F98181, #00A2C1, #B90D2E, #001C24)
• Powdered Pier color palette (#FFF5D7, #E7B94B, #887400, #473500, #050300)

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